pre {
  position: relative;
}
pre > code,
pre > code.hljs {
  display: block;
  padding: 1em 2em 1em 0.5em;
  margin: 0;
}
.limt-hight pre > code,
.limt-hight pre > code.hljs {
  max-height: 50vh;
  overflow-y: auto;
}
.code-copy {
  display: none;
  position: absolute;
  top: 0.3em;
  right: 0.2em;
  font-size: 1.4em;
}
code,
.hljs {
  overflow-x: auto;
  color: #abb2bf;
  padding: 0.2em 0.5em;
  margin: 0 0.2em;
  background: #282c34aa;
  font-family: Consolas, "Courier New", monospace;
  border-radius: 4px;
}
pre > code:hover > .code-copy {
  display: block;
}
.hljs-comment {
  color: #5c6370;
  font-style: italic;
}
.hljs-quote {
  color: #5c6370;
  font-style: italic;
}
.hljs-doctag {
  color: #c678dd;
}
.hljs-keyword {
  color: #c678dd;
}
.hljs-formula {
  color: #c678dd;
}
.hljs-section {
  color: #e06c75;
}
.hljs-name {
  color: #e06c75;
}
.hljs-selector-tag {
  color: #e06c75;
}
.hljs-deletion {
  color: #e06c75;
}
.hljs-subst {
  color: #e06c75;
}
.hljs-literal {
  color: #56b6c2;
}
.hljs-string {
  color: #98c379;
}
.hljs-regexp {
  color: #98c379;
}
.hljs-addition {
  color: #98c379;
}
.hljs-attribute {
  color: #98c379;
}
.hljs-meta-string {
  color: #98c379;
}
.hljs-built_in {
  color: #e6c07b;
}
.hljs-class .hljs-title {
  color: #e6c07b;
}
.hljs-attr {
  color: #d19a66;
}
.hljs-variable {
  color: #d19a66;
}
.hljs-template-variable {
  color: #d19a66;
}
.hljs-type {
  color: #d19a66;
}
.hljs-selector-class {
  color: #d19a66;
}
.hljs-selector-attr {
  color: #d19a66;
}
.hljs-selector-pseudo {
  color: #d19a66;
}
.hljs-number {
  color: #d19a66;
}
.hljs-symbol {
  color: #61aeee;
}
.hljs-bullet {
  color: #61aeee;
}
.hljs-link {
  color: #61aeee;
  text-decoration: "underline";
}
.hljs-meta {
  color: #61aeee;
}
.hljs-selector-id {
  color: #61aeee;
}
.hljs-title {
  color: #61aeee;
}
.hljs-emphasis {
  font-style: "italic";
}
.hljs-strong {
  font-weight: "bold";
}
